/* SPDX-License-Identifier: Apache-2.0 */

/*
  List with check marks, with items divided by a borer:

  <ul class="hooray-list">
    <li>List item here</li>
  </ul>
*/

.hooray-list {
  margin-left: 0;
  border-top: 1px dotted $border-color;

  li {
    border-bottom: 1px dotted $border-color;
    padding: 10px 0 10px 30px;
    list-style-type: none;
    position: relative;

    &::before {
      font-family: "Font Awesome 6 Free";
      font-weight: 900;
      content: "\f00c";
      color: $text-color;
      position: absolute;
      left: 7px;
    }
  }
}
